<!DOCTYPE HTML>
<html>
  <head>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.6">
  <title>COP 4813/COP 5819: Internet Programming</title>
  <link rel='shortcut icon' href='/~n00659426/favicon.ico' />
  <link rel='stylesheet' type="text/css" href="css/css-reset.css" />
  <link rel='stylesheet' type="text/css" href="css/grid.css" />
  <link rel='stylesheet' type='text/css' href="style.css" />
<style type="text/css">
    @media only screen and (max-width: 480px) {
        h3 {
            text-align: center;
        }
        nav.main-nav {
            display: none !important;
        }
        #boxShadow {
            width: 90%;
            margin: 0 auto;
        }
        p {
            font-size: 1em;
        }
    }
</style>
<!--[if lte IE 9]>
<script src='js/html5shiv.js'></script>
<![endif]-->
<script type="text/javascript" src="js/ga.js"></script>
</head>
<body>
	<header class="header-wrapper">
        <div class="row">
        <div class="twelve columns">
            <div class="two columns"></div>
            <h1 class="eight columns"><a href="http://cop4813.ccec.unf.edu/~n00659426/cop4813/">ePortfolio for COP 4813/5819: Internet Programming</a></h1>
            <div class="two columns">
                <div class="contact-wrapper">
                    <a href="mailto:matthewspaulc@gmail.com"><div class="mailme"></div></a>
                    <a href="//plus.google.com/111430808519661133327/"><div class="gplus"></div></a>
                </div>
            </div>
        </div>
        <div class="twelve columns">
            <div class="five columns"></div>
            <div class="two columns end">
                <h3>Paul Matthews</h3>
            </div>
        </div>
        <hr class="twelve columns"/>
        </div>
    </header>
	<nav class="main-nav">
	    <div class="row">
        <div class="twelve columns">
            <ul id="nav-list">
                <li><a class="nav-ass" href="assign1/index.html">Assignment 1</a></li>
                <li><a class="nav-ass" href="assign2/index.html">Assignment 2</a></li>
                <li><a class="nav-ass" href="assign3/index.html">Assignment 3</a></li>
                <li><a class="nav-ass" href="assign4/index.php">Assignment 4</a></li>
                <li><a class="nav-ass" href="assign5/index.php">Assignment 5</a></li>
                <li><a class="nav-ass" href="assign6/index.php">Assignment 6</a></li>
            </ul>
        </div>
        </div>
    </nav>
    <main role="main">
	    <div class="row">
    	    <div class="one column"></div>
            <article class="ten columns end">
                <h3 id='a1'><a class="aniLink" href='assign1/index.html'>Assignment 1</a></h3>
                <section>
                  <p class="a-desc"><span class='tab'>&nbsp;</span>The objective of the first assignment is to 
                      get set up and build an ePortfolio website for this course.  Initial set up includes becoming 
                      familiar with how to access the remote server and create the folder structure for the files.  
                      Once the folder structure is in place, we are to upload our necessary site files.  The website 
                      will will be built using HTML and styled with CSS.  We will also create and link to an 
                      <span class='i'>About Me</span> page.  This assignment is meant to be completed without an IDE.
                  </p>
                  <p class="a-desc"><span class='tab'>&nbsp;</span>We are required to demonstrate knowledge of using 
                      the <code>&#60;table&#62;</code> and accompanying tags.  We are also required to use the 
                      <code>&#60;hr&#62;</code> tag to separate the header from the rest of the page.  Using CSS, the links 
                      will change when hovered over and styling will be standardized.  The <span class='i'>About Me</span> 
                      page will include a picture that flows with the text, a proper <code>&#60;mailto&#62;</code> link, and 
                      other basic HTML elements.  This will include at least one element that is depecrated for HTML5 at 
                      the time of writing.
                  </p>
                  <ul class="a-new">
                      <li>Learn to use a table to structure HTML elements</li>
                      <li>Learn to use a Horizontal Reference line</li>
                      <li>Learn to use CSS to standardize formatting</li>
                      <li>Learn to use CSS to alter Anchor default states</li>
                      <li>Learn to use an email link</li>
                      <li>Learn to use the font tag.</li>
                  </ul>
                  <hr />
                </section>
                <h3><a class="aniLink" href="assign2/index.html">Assignment 2</a></h3>
                <section>
                  <p class="a-desc"><span class='tab'>&nbsp;</span>The purpose of Assignment 2 is to get familiarized 
                      with Javascript and web forms.  We are to create a web form that will perform some function on user 
                      data using Javascript.  There are limited restrictions to the requirements of the form and function(s).  
                      We are required to use a combination of text boxes, checkboxes, and radio buttons, dropdown boxes, and a 
                      reset button.  The Javascript function is required to perform data validation.  Lastly, we are also 
                      required to submit a structured flow chart to illustrate the logic of the Javascript function.
                  </p>
                  <ul class="a-new">
                      <li>Learn to use Javascript</li>
                      <li>Learn to use different types of inputs to create a web form</li>
                  </ul>
                  <hr />
                </section>
                <h3><a class="aniLink" href='assign3/index.html'>Assignment 3</a></h3>
                <section>
                  <p class="a-desc"><span class='tab'>&nbsp;</span>In Assignment 3, the goal is to create a web form
                      that will read a list of numbers input from a user.  Then, using a javascript functions file called
                      Statistics.js, we were to write multiple functions to calculate the mean, median, mode, sample
                      variance, and sample standard deviation.  In the Statistics.js file, we are to create modular
                      functions including, but not limited to:</p>
                  <ul class="sublist">
                      <li>findN(array): returns length of the array</li>
                      <li>findSum(array): returns the sum of the array</li>
                      <li>findMean(array): returns the mean of the array</li>
                      <li>findMedian(array): retuns the median of the array</li>
                      <li>findMode(array): returns the mode of the array</li>
                      <li>findVariance(array): returns the sample variance of the array</li>
                      <li>findStandardDeviation: returns the sample standard deviation of the array</li>
                  </ul>
                  <p class="a-desc"><span class='tab'>&nbsp;</span>We also need to create a table of results in HTML to
                      display the results of three manual calculations compared with the same calculations performed on
                      the site.</p>
                  <ul class="a-new">
                      <li>Create and reference a javascript functions file</li>
                      <li>Create and manipulate arrays in javascript</li>
                      <li>Array iteration in javascript</li>
                  </ul>
                  <hr />
                </section>
                <h3><a class="aniLink" href='assign4/index.php'>Assignment 4</a></h3>
                <section>
                  <p class="a-desc"><span class='tab'>&nbsp;</span>The purpose of assignment 4 is to become familiarized with
                      PHP and server side scripting.  We are to create a basic PHP login page.  Upon proper authentication, 
                      the user is to be taken to a stock portfolio page. At the portfolio page, the user needs to have the option
		      to add, modify, or delete stocks.  We are to save the username in a session and print it on each page.  The
		      portfolio page must also load current value of stocks, the total value of the position and the total value
   		      of the portfolio.</p>
                  <ul class="a-new">
		      <li>Create a log in page using PHP</li>
		      <li>Submit a form using POST</li>
		      <li>PHP Sessions</li>
		      <li>Calling separate PHP function files</li>
                  </ul>
                  <hr />
                </section>
                <h3><a class="aniLink" href='assign5/index.php'>Assignment 5</a></h3>
                <section>
                  <p class="a-desc"><span class='tab'>&nbsp;</span>Assignment 5 combines PHP server side scripting and working
			with a MySQL database.  We are to create a table in our provided MySQL database.  The table must contain
			at least 5 descriptors.  We must provide web applications to allow for inserting, updating and deleting
			from the table.  The insert application must utilize at least one of each of the following: text box, dropdown, 
			check box, and a radio button.  We must provide an image of the ERD of the table on the main assignment page.
			Lastly, we must harden our applications against SQL injection.</p>
                  <ul class="a-new">
                      <li>Connecting to a database using PHP</li>
                      <li>Using PHP to scrub text entries before sending queries to the database</li>
                  </ul>
                  <hr />
                </section>
                <h3><a class="aniLink" href='assign6/index.php'>Assignment 6</a></h3>
                <section>
                  <p class="a-desc"><span class='tab'>&nbsp;</span>The purpose of assignment 6 is to act as an introduction to AJAX.  Using the database table from the previous assignment, we are to implement filtering the table using an AJAX request.</p>
                  <ul class="a-new">
                      <li>How to make AJAX calls</li>
		      <li>AJAX calls for IE vs other browsers.</li>
                  </ul>
                  <hr />
                </section>
            </article>
        </div>
        <div class="row">
            <div class="three columns"></div>
            <section class="six columns end" id="gitRep">
                <div id="boxShadow">
                    <p>Check out this site's repository on <a href="//code.google.com/p/cop4813/" target="_blank">Google Code</a></p>
                </div>
            </section>
        </div>
    </main>
	<footer class="row" id='footer'>
	    <p>Copyright &copy; 2013 | Paul Matthews</p>
	</footer>
</body>
</html>
